<template>
  <div>
    <el-tabs v-model="activeTab" >
      <el-tab-pane label="记账" name="keepAccounts">
        <account />
      </el-tab-pane>
      <el-tab-pane label="攒钱" name="saveMoney">
        <money-goal />
      </el-tab-pane>
      <el-tab-pane label="统计分析" name="statisticalAnalysis">
        <statistics />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import account from "./account";
import moneyGoal from "./moneyGoal";
import statistics from "./statistics";
export default {
  name: "index",
  data() {
    return {
      activeTab: "keepAccounts", // 默认展示记账页
    };
  },
  components:{
    account,
    moneyGoal,
    statistics
  },
};
</script>

<style>

</style>